<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>

						<p:messages id="msg" />
						
						<p:growl id="mensaje" autoUpdate="true"/>
						
						<p:accordionPanel id="acordion" activeIndex="0"
							binding="#{rutaRelacionComercialView.acordion}">
							<p:tab title="Sucursal"
								binding="#{rutaRelacionComercialView.txtsucursal}">

								<h:panelGrid style="margin: 0 auto;">
									<p:dataTable id="sucursal"
										value="#{rutaRelacionComercialView.sucusalPadreModel}"
										var="sucursal"
										selection="#{rutaRelacionComercialView.selectedSucursal}"
										paginator="true" rows="3">

										<f:facet name="header">
							            Sucursal
							            </f:facet>

										<p:column selectionMode="single" style="width:2%" />

										<p:column filterBy="#{sucursal.codigo}"
											sortBy="#{sucursal.codigo}">
											<f:facet name="header">
												<h:outputText value="Código" />
											</f:facet>
											<h:outputText value="#{sucursal.codigo}" />
										</p:column>

										<p:column filterBy="#{sucursal.nombre}"
											sortBy="#{sucursal.nombre}">
											<f:facet name="header">
												<h:outputText value="Nombre" />
											</f:facet>
											<h:outputText value="#{sucursal.nombre}" />
										</p:column>

										<p:column filterBy="#{sucursal.direccion}"
											sortBy="#{sucursal.direccion}">
											<f:facet name="header">
												<h:outputText value="Dirección" />
											</f:facet>
											<h:outputText value="#{sucursal.direccion}" />
										</p:column>

										<f:facet name="footer">
											<p:commandButton id="createButton" value="RelacionComercial"
												action="#{rutaRelacionComercialView.relacionComercial}"
												icon="ui-icon-newwin" update=":form"
												binding="#{rutaRelacionComercialView.btnCrear}" />
										</f:facet>

									</p:dataTable>
								</h:panelGrid>
							</p:tab>

							<p:tab title="Relacion Comercial" disabled="true"
								binding="#{rutaRelacionComercialView.txtRelacionComercial}">

								<h:panelGrid style="margin: 0 auto;">

									<f:facet name="header">
										<p:commandButton value="Volver a Seleccionar Sucursal"
											action="#{rutaRelacionComercialView.action_volverSucursal}"
											update=":form" icon="ui-icon-arrowreturnthick-1-w" />
									</f:facet>

									<p:dataTable id="relacionComercial"
										value="#{rutaRelacionComercialView.relacionComercialModel}"
										var="relacionComercial"
										selection="#{rutaRelacionComercialView.selectedRelacionComercial}"
										paginator="true" rows="5">

										<f:facet name="header">
							            Relación Comercial
						                </f:facet>
										<p:column selectionMode="single" style="width:2%" />

																		<p:column filterBy="#{relacionComercial.codigoSucursalP}"
									sortBy="#{relacionComercial.codigoSucursalP}">
									<f:facet name="header">
										<h:outputText value="Codigo Sucursal Padre" />
									</f:facet>
									<h:outputText value="#{relacionComercial.codigoSucursalP}" />
								</p:column>

								<p:column filterBy="#{relacionComercial.codigoSucursal}"
									sortBy="#{relacionComercial.codigoSucursal}">
									<f:facet name="header">
										<h:outputText value="Codigo Sucursal Hija" />
									</f:facet>
									<h:outputText value="#{relacionComercial.codigoSucursal}" />
								</p:column>

								<p:column filterBy="#{relacionComercial.identificacionEmpresa}"
									sortBy="#{relacionComercial.identificacionEmpresa}">
									<f:facet name="header">
										<h:outputText value="Identificacion Empresa" />
									</f:facet>
									<h:outputText value="#{relacionComercial.identificacionEmpresa}" />
								</p:column>
								
								<p:column filterBy="#{relacionComercial.identificacionPersona}"
									sortBy="#{relacionComercial.identificacionPersona}">
									<f:facet name="header">
										<h:outputText value="Identificación Persona" />
									</f:facet>
									<h:outputText value="#{relacionComercial.identificacionPersona}" />
								</p:column>
								
								<p:column filterBy="#{relacionComercial.estadoRegistro}"
									sortBy="#{relacionComercial.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{relacionComercial.estadoRegistro}" />
								</p:column>

										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Atención Vendedor"
												action="#{rutaRelacionComercialView.atencionVendedor}"
												icon="ui-icon-pencil" update=":form" />
										</f:facet>

									</p:dataTable>

								</h:panelGrid>

							</p:tab>

							<p:tab title="Atencion vendedor" disabled="true"
								binding="#{rutaRelacionComercialView.txtAtencionV}">

								<h:panelGrid style="margin: 0 auto;">

									<f:facet name="header">
										<p:commandButton
											value="Volver a Seleccionar Relacion Comercial"
											action="#{rutaRelacionComercialView.action_cerrar2}"
											update=":form" icon="ui-icon-arrowreturnthick-1-w" />
									</f:facet>

									<p:dataTable
										value="#{rutaRelacionComercialView.atencionVmodel}"
										id="atencionVendedor"
										selection="#{rutaRelacionComercialView.selectedAtencionV}"
										var="atencionVendedor" paginator="true" rows="5">

										<f:facet name="header">
							            Atencion Vendedor
						                </f:facet>

										<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{atencionVendedor.codigoV}"
											sortBy="#{atencionVendedor.codigoV}">
											<f:facet name="header">
												<h:outputText value="Codigó Vendedor" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.codigoV}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.identificacion}"
											sortBy="#{atencionVendedor.identificacion}">
											<f:facet name="header">
												<h:outputText value="Identificación" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.identificacion}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.primerNombre}"
											sortBy="#{atencionVendedor.primerNombre}">
											<f:facet name="header">
												<h:outputText value="Primer Nombre" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.primerNombre}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.segundoNombre}"
											sortBy="#{atencionVendedor.segundoNombre}">
											<f:facet name="header">
												<h:outputText value="Segundo Nombre" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.segundoNombre}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.primerApellido}"
											sortBy="#{atencionVendedor.primerApellido}">
											<f:facet name="header">
												<h:outputText value="Primer Apellido" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.primerApellido}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.segundoApellido}"
											sortBy="#{atencionVendedor.segundoApellido}">
											<f:facet name="header">
												<h:outputText value="Segundo Apellido" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.segundoApellido}" />
										</p:column>

										<p:column filterBy="#{atencionVendedor.estadoRegistro}"
											sortBy="#{atencionVendedor.estadoRegistro}">
											<f:facet name="header">
												<h:outputText value="EstadoRegistro" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.estadoRegistro}" />
										</p:column>

										<f:facet name="footer">

											<p:commandButton id="viewButton3" value="Rutas Distribución"
												icon="ui-icon-pencil" action="#{rutaRelacionComercialView.rutaDistribucion}" />
										</f:facet>

									</p:dataTable>
								</h:panelGrid>

							</p:tab>

							<p:tab title="Ruta Distribución" disabled="true"
							binding="#{rutaRelacionComercialView.txtRuta}"> 

								<h:panelGrid style="margin: 0 auto;">
								
								<f:facet name="header">
										<p:commandButton
											value="Volver a Seleccionar Atención vendedor"
											action="#{rutaRelacionComercialView.action_cerrar3}"
											update=":form" icon="ui-icon-arrowreturnthick-1-w" />
									</f:facet>

									<p:dataTable id="rutaD"
										value="#{rutaRelacionComercialView.rutaDistribucion}"
										var="rutaDistribucion"
										selection="#{rutaRelacionComercialView.selectedRutaDistribucion2}" 
										paginator="true" rows="5">

								<f:facet name="header">
						    	Ruta Distribución
						        </f:facet>

										<p:column selectionMode="single" style="width:2%" />

										<p:column filterBy="#{rutaDistribucion.codigo}"
											sortBy="#{rutaDistribucion.codigo}">
											<f:facet name="header">
												<h:outputText value="Código" />
											</f:facet>
											<h:outputText value="#{rutaDistribucion.codigo}" />
										</p:column>

										<p:column filterBy="#{rutaDistribucion.descripcion}"
											sortBy="#{rutaDistribucion.descripcion}">
											<f:facet name="header">
												<h:outputText value="Descripción" />
											</f:facet>
											<h:outputText value="#{rutaDistribucion.descripcion}" />
										</p:column>

										<p:column filterBy="#{rutaDistribucion.tiempoEntrega}"
											sortBy="#{rutaDistribucion.tiempoEntrega}">
											<f:facet name="header">
												<h:outputText value="Tiempo Entrega" />
											</f:facet>
											<h:outputText value="#{rutaDistribucion.tiempoEntrega}" />
										</p:column>

										<p:column filterBy="#{rutaDistribucion.tiempoTransporte}"
											sortBy="#{rutaDistribucion.tiempoTransporte}">
											<f:facet name="header">
												<h:outputText value="Tiempo Transporte" />
											</f:facet>
											<h:outputText value="#{rutaDistribucion.tiempoTransporte}" />
										</p:column>

										<p:column filterBy="#{rutaDistribucion.estadoRegistro2}"
											sortBy="#{rutaDistribucion.estadoRegistro2}">
											<f:facet name="header">
												<h:outputText value="EstadoRegistro" />
											</f:facet>
											<h:outputText value="#{rutaDistribucion.estadoRegistro2}" />
										</p:column>

										<f:facet name="footer">

											<p:commandButton id="viewButton3"
												value="Modificar Estado" icon="ui-icon-pencil"
												action="#{rutaRelacionComercialView.modificarEstado}"/>
												
												<p:commandButton id="viewButton4"
												value="Agregar Ruta Distribución" icon="ui-icon-plus"
												oncomplete="PF('singleCarDialog').show()" />
												
										</f:facet>

									</p:dataTable>

								</h:panelGrid>

							</p:tab>

						</p:accordionPanel>

						<p:dialog id="dialog" header="Detalle Ruta Distribución"
							modal="true" widgetVar="singleCarDialog" resizable="false"
							showEffect="fade" hideEffect="explode" closable="false">

							<p:messages id="msg2" />

							<h:panelGrid id="panelBotones" columns="2"
								style="margin: 0 auto;">

								<p:commandButton id="btnAgregar" value="Agregar"
									icon="ui-icon-check" update=":form"
									action="#{rutaRelacionComercialView.action_create()}">
									<p:resetInput target="panel2" />
								</p:commandButton>

								<p:commandButton id="btnCerrar" value="Cerrar"
									icon="ui-icon-close" update=":form"
									action="#{rutaRelacionComercialView.action_cerrar}"
									oncomplete="PF('singleCarDialog').hide()"/>

							</h:panelGrid>

							<h:panelGrid style="margin: 0 auto;">

								<p:dataTable id="rutaD"
									value="#{rutaDistribucionView.rutaModel}"
									var="rutaDistribucion"
									selection="#{rutaRelacionComercialView.selectedRutaDistribucion}"
									paginator="true" rows="5">

								<f:facet name="header">
						    	Ruta Distribución
						        </f:facet>

									<p:column selectionMode="single" style="width:2%" />

									<p:column filterBy="#{rutaDistribucion.codigo}"
										sortBy="#{rutaDistribucion.codigo}">
										<f:facet name="header">
											<h:outputText value="Código" />
										</f:facet>
										<h:outputText value="#{rutaDistribucion.codigo}" />
									</p:column>

									<p:column filterBy="#{rutaDistribucion.descripcion}"
										sortBy="#{rutaDistribucion.descripcion}">
										<f:facet name="header">
											<h:outputText value="Descripción" />
										</f:facet>
										<h:outputText value="#{rutaDistribucion.descripcion}" />
									</p:column>

									<p:column filterBy="#{rutaDistribucion.tiempoEntrega}"
										sortBy="#{rutaDistribucion.tiempoEntrega}">
										<f:facet name="header">
											<h:outputText value="Tiempo Entrega" />
										</f:facet>
										<h:outputText value="#{rutaDistribucion.tiempoEntrega}" />
									</p:column>

									<p:column filterBy="#{rutaDistribucion.tiempoTransporte}"
										sortBy="#{rutaDistribucion.tiempoTransporte}">
										<f:facet name="header">
											<h:outputText value="Tiempo Transporte" />
										</f:facet>
										<h:outputText value="#{rutaDistribucion.tiempoTransporte}" />
									</p:column>

									<p:column filterBy="#{rutaDistribucion.estadoRegistro}"
										sortBy="#{rutaDistribucion.estadoRegistro}">
										<f:facet name="header">
											<h:outputText value="EstadoRegistro" />
										</f:facet>
										<h:outputText value="#{rutaDistribucion.estadoRegistro}" />
									</p:column>

								</p:dataTable>

							</h:panelGrid>

							<br />

						</p:dialog>

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>
